<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="aaa">fg</div>
		<div id="bbb">gh</div>
		<div id="ccc">vb</div>
		<div>dafg</div>
		<a href="http://www.baidu.com" id="d">百度</a>
		<a href="http://google.cn">谷歌</a>
		<a href="http://www.tencent.com">QQ</a><br />
		<a href="##">为自己代言</a>
		<a href="325475.jpg">黑色咖啡</a>
		<p id="hello">你好</p>
		<p class="intro">明天</p>
		<p class="intro">咖啡</p>
		<p>牛奶</p>
		<p id="demo">世界</p>
		<p>自我</p>
		
		
	</body>
	<script type="text/javascript">
		$(function () {
			//1.选取所有带有 href 属性的元素。
			$("a[href]").css("color","red");
	    	//2.选取所有带有 href 值等于 "#" 的元素。
	    	$("a[href=#]").css("color","blue");
	    	//3.选取所有带有 href 值不等于 "#" 的元素。
	    	$("a[href!=#]").css("color","aqua");
	    	//4.选取所有 href 值以 ".jpg" 结尾的元素。 
	    	$("a[href='.jpg']").css("font-size","30px");
	    	//5:选取 所有<p> 元素并修改其背景色为红色
	    	$("p").css("background","red");
	    	//6:选取所有 class="intro" 的 <p> 元素。
	    	$("p.intro").css("font-size","40px");
	    	//7:选取所有 id="demo" 的 <p> 元素
	    	$("p.#demo").css("font-size","60px");
	    	//8:设置表格隔行变色（注意：标题列除外）
			$("#table tr:odd td").css("background","chartreuse");
		});
	</script>
</html>
